<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="template.xhtml">

	<ui:define name="content">

	<h:form id="formGastosSupervisor">
		<h1>
			<h:outputText value="Consultar Gastos" />
		</h1>
		<h:messages errorStyle="color: red;" />

		<h:panelGrid columns="2">


			<h:outputLabel for="centroCostoFiltro" value="Centro de Costo" />
			<h:selectOneMenu id="centroCostoFiltro"
				value="#{supervisorBean.idCentroCosto}" rendered="true">
				<f:selectItem itemLabel="Todos" itemValue="-1" />
				<f:selectItems value="#{supervisorBean.listaCentrosCosto}"
					var="centroCosto" itemLabel="#{centroCosto.nombre}"
					itemValue="#{centroCosto.idCentroCosto}" />
			</h:selectOneMenu>

			<h:outputLabel for="empleadoFiltro" value="Empleado" />
			<h:selectOneMenu id="empleadoFiltro"
				value="#{supervisorBean.idEmpleado}" rendered="true">
				<f:selectItem itemLabel="Todos" itemValue="-1" />
				<f:selectItems value="#{supervisorBean.listaEmpleados}"
					var="empleado" itemLabel="#{empleado.nombres}"
					itemValue="#{empleado.idUsuario}" />
			</h:selectOneMenu>

			<h:panelGroup>
				<h:commandButton id="btnBuscar" value="Filtrar"
					action="#{supervisorBean.buscarGastos}">
					<f:ajax execute="@form" render="tablaGastos" />
				</h:commandButton>
			</h:panelGroup>
		</h:panelGrid>

		<h:panelGrid columns="1" id="paneltablaGastos">

			<h:outputLabel for="gastos" value="Gastos:" />
			<h:dataTable id="tablaGastos" value="#{supervisorBean.listaGastos}"
				var="gasto" styleClass="order-table"
				headerClass="order-table-header"
				rowClasses="order-table-odd-row,order-table-even-row" border="1">

				<h:column>
					<!-- column header -->
					<f:facet name="header">
						<h:outputText value="Fecha/Hora de creacion de la Solicitud" />
					</f:facet>
					<h:outputText value="#{gasto.solicitudGasto.fechaCreacion.time}">
						<f:convertDateTime pattern="dd/MM/yyyy hh:mm" />
					</h:outputText>
					<!-- row record -->
				</h:column>

				<h:column>
					<f:facet name="header">
						<h:outputText value="Centro de costo" />
					</f:facet>
					<h:outputText value="#{gasto.solicitudGasto.centroCosto.nombre}"></h:outputText>
				</h:column>

				<h:column>
					<f:facet name="header">
						<h:outputText value="Descripcion de la Solicitud" />
					</f:facet>
					<h:outputText value="#{gasto.solicitudGasto.descripcion}"></h:outputText>
				</h:column>

				<h:column>
					<f:facet name="header">
						<h:outputText value="Importe del Gasto" />
					</f:facet>
					<h:outputText value="#{gasto.importe}">
						<f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
					</h:outputText>
				</h:column>

				<h:column>
					<f:facet name="header">
						<h:outputText value="Nombre del Empleado" />
					</f:facet>
					<h:outputText value="#{gasto.solicitudGasto.empleado.nombres}">
					</h:outputText>
				</h:column>

				<h:column>
					<f:facet name="header">
						<h:outputText value="Nombre del Supervisor" />
					</f:facet>
					<h:outputText value="#{gasto.solicitudGasto.supervisor.nombres}">
					</h:outputText>
				</h:column>

				<h:column>
					<f:facet name="header">
						<h:outputText value="Fecha/Hora de aprobacion" />
					</f:facet>
					<h:outputText value="#{gasto.solicitudGasto.fechaAprobacion.time}">
						<f:convertDateTime pattern="dd/MM/yyyy hh:mm" />
					</h:outputText>
				</h:column>

				<h:column>
					<f:facet name="header">
						<h:outputText value="Comentario del supervisor" />
					</f:facet>
					<h:outputText value="#{gasto.solicitudGasto.comentario}"></h:outputText>
				</h:column>

				<h:column>
					<f:facet name="header">
						<h:outputText value="Fecha de Gasto" />
					</f:facet>
					<h:outputText value="#{gasto.fecha.time}">
						<f:convertDateTime pattern="dd/MM/yyyy" />
					</h:outputText>
				</h:column>

				<h:column>
					<f:facet name="header">
						<h:outputText value="Numero de Ticket o Factura" />
					</f:facet>
					<h:outputText value="#{gasto.numeroFactura}"></h:outputText>
				</h:column>

			</h:dataTable>
			<h:panelGroup>
				<h:commandButton id="btnVolver" value="Volver" action="aMenuSupervisor"
					immediate="true" />
			</h:panelGroup>


		</h:panelGrid>

	</h:form>
</ui:define>
</ui:composition>
</html>